import React from 'react'
import TopBar from '../TopBar'
import Content from '../Content'
import MainHead from '../MainHead'
import {BottomBar} from '../BottomBar'
class Recommended extends React.Component{
    state={
        CategoriesId:0,
        tag:this.props.location.search?'new':'hot'
    }
    changeTag=(tag)=>{
        this.setState({
            tag:tag
        })
    }
    
    render(){
        return(
            <div>
                <MainHead />
                <TopBar Tab={'Recommend'}/>
                <Content  Tab={'Recommend'} CategoriesId={this.state.CategoriesId} />
                <BottomBar Tab={this.state.tag} changeTag={this.changeTag}/>
            </div>
        )
    }
    
}   


export default Recommended